const fetch = require("../../utils/fetch");
// pages/list/list.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    hasMore:true,
    //当前加载的分类
    category: {},
    //此分类下的全部店铺
    shops: [],
    pageIndex: 0,
    pageSize:20
  },
  //加载下一页数据
  loadMore() {
    if(!this.data.hasMore) return
    // console.log(this.data)
    let { pageIndex, pageSize } = this.data
    const params = { _page: ++pageIndex, _limit: pageSize }
    return fetch(`categories/${this.data.category.id}/shops`, params)
      .then(res => {
        // console.log(res)
        // console.log(this.data.pageIndex)
        const totalCount = parseInt(res.header['x-total-count'])
        // console.log(totalCount)
        const hasMore = pageIndex * pageSize < totalCount
        const shops = this.data.shops.concat(res.data)
        this.setData({ shops,pageIndex,hasMore})
        })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    fetch(`categories/${options.cat}`).then(res => {
      // wx.setNavigationBarTitle({
      //   title:res.data.name
      // })
      // console.log(res)
      this.setData({ category: res.data })
      wx.setNavigationBarTitle({
        title: res.data.name
      })
      //加载完分类信息之后再去加载商铺信息
      this.loadMore()
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    if (this.data.category.name) {
      wx.setNavigationBarTitle({
        title:this.data.category.name
      })
    }

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    //重新加载数据
    this.setData({ shops:[], pageIndex:0,hasMore:true })
    this.loadMore().then(() => {
      wx.stopPullDownRefresh()
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

    this.loadMore()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})